<!--
 * @Author: lizhijie429
 * @Date: 2021-08-11 14:24:02
 * @LastEditors: lizhijie429
 * @LastEditTime: 2021-08-21 12:12:38
 * @Description: 
-->
<template>
  <div class="login">
    <n-card style="max-width: 4rem">
      <template #header>
        <div>权限管理系统</div>
      </template>
      <n-tabs default-value="signin" size="large" justify-content="space-evenly">
        <n-tab-pane name="signin" tab="登录">
          <n-form>
            <n-form-item-row label="用户名">
              <n-input placeholder="请输入用户名" />
            </n-form-item-row>
            <n-form-item-row label="密码">
              <n-input placeholder="请输入密码" />
            </n-form-item-row>
          </n-form>
          <n-button type="primary" block>登录</n-button>
        </n-tab-pane>
        <n-tab-pane name="signup" tab="注册">
          <n-form>
            <n-form-item-row label="用户名">
              <n-input />
            </n-form-item-row>
            <n-form-item-row label="密码">
              <n-input />
            </n-form-item-row>
            <n-form-item-row label="重复密码">
              <n-input />
            </n-form-item-row>
          </n-form>
          <n-button type="primary" block>注册</n-button>
        </n-tab-pane>
      </n-tabs>
    </n-card>
  </div>
</template>

<style scoped>
.login {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
